* {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 25px;
}
a {
  text-decoration: none;
  font-size: 20px;
}
ul li {
  list-style: none;
}
#blockColor {
  color: #fff;
  padding: 12px;
  background-color: #c20000;
}
.nav {
  width: 1300px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav h1 {
  font-size: 30px;
  color: #c20000;
}
.navRight {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.navRight ul {
  display: flex;
}
.navRight li {
  margin-left: 20px;
}
.navRight a:hover {
  color: #c20000;
}
.navRight a {
  color: #929292;
  font-size: 17px;
}
.navRight input {
  width: 250px;
  height: 34px;
  border-radius: 5px;
  border: 1px solid #929292;
  font-size: 15px;
  padding: 0 0 0 20px;
  margin-top: 10px;
}

.lunBo {
  width: 1300px;
  height: 600px;
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  display: flex;
  flex: 1;
  /* background-color: #c20000; */
}
.lunBoImg {
  width: 1300px;
  height: 100%;
  display: flex;
  animation: moveBanner 10s ease infinite;
}
.lunBoImg img {
  flex-shrink: 0;
  width: 1300px;
  height: 100%;
}
@keyframes moveBanner {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-100%);
  }
  40% {
    transform: translate(-200%);
  }
  60% {
    transform: translate(-300%);
  }
  80% {
    transform: translate(-400%);
  }
  /* 90% {
    transform: translate(-500%);
  } */
}

.blockOne {
  width: 1300px;
  height: 400px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  /* background-color: antiquewhite; */
}
.blockOneLeft {
  width: 600px;
  height: 400px;
  background-image: url(imgs/1.png);
  background-size: cover;
  display: flex;
  align-items: end;

}
.blockOneLeft p {
  width: 600px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  /* 图片公共标题 */
  background-color: rgb(146, 146, 146 ,.7);
  font-size: 16px;
  padding: 0 0 0 10px;
}
.blockOneRight {
  width: 600px;
  height: 400px;
  overflow: hidden;
}
.blockOneRightTitle {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 5px solid #c20000;

}
.blockOneRightTitle ul {
  display: flex;
}
.blockOneRightTitle li {
  margin-right: 20px;
}
.blockOneRightTitle a {
  color: #000;
}
.blockOneRightTitle span {
  color: #929292;
  font-size: 15px;
}

.blockOneRightCenter {
  width: 100%;
  height: 100px;
  /* background-color: #c20000; */
}
.blockOneRightCenter h3 {
  margin-top: 10px;
  font-size: 18px;
}
.blockOneRightCenter p {
  margin-top: 10px;
  font-size: 14px;
  text-indent: 2em;
  color: #929292;
}

.blockOneRightBottom {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  /* justify-content: space-between; */
  /* align-items: baseline; */
  align-content: space-around;
}
.blockOneRightBottomText {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 41px;
}
.blockOneRightBottomText p {
  font-size: 15px;
  width: 474px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #929292;
  cursor: pointer;
}
.blockOneRightBottomText p:hover {
  color: #c20000;

}
.blockOneRightBottomText span {
  font-size: 15px;
  color: #929292;
}

.title {
  width: 1300px;
  height: 80px;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #eaeaea;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title h2 {
  font-size: 24px;
  color: #c20000;
}

.main {
  width: 1300px;
  height: 400px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  /* background-color: #c20000; */
}
.mainLeft {
  width: 600px;
  height: 400px;
  overflow: hidden;
  /* background-color: #929292; */
}
.mainLeftTitle {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background-color: #c20000; */
}
.mainLeftTitle h3 {
  color: #c20000;
}
.mainLeftTitle ul {
  display: flex;
}
.mainLeftTitle li {
  margin-left: 20px;
}
.mainLeftTitle a {
  color: #929292;
  font-size: 15px;
}

.mainLeftCenter {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  /* background-color: #929292; */
}
.mainLeftCenterImg {
  width: 120px;
  height: 80px;
  background-image: url(imgs/5.png);
  background-size: cover;
}
.mainLeftCenter p {
  margin-left: 10px;
  font-size: 15px;
  color: #929292;
}

.mainRight {
  width: 600px;
  height: 400px;
}

.mainRightBottom {
  margin-top: 10px;
  width: 100%;
  height: 340px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  /* background-color: #929292; */
}

.mainRightBottomLeft {
  width: 230px;
  height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* background-color: #c20000; */
}
.mainRightBottomLeftImg1 {
  width: 230px;
  height: 150px;
  /* background-color: #c20000; */
  background-image: url(imgs/4.png);
  background-size: cover;
  display: flex;
  align-items: end;
}
.mainRightBottomLeftImg1 p {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  background-color: rgb(146, 146, 146 ,.7);
  font-size: 14px;
  padding: 0 0 0 10px;
}

.mainRightBottomLeftImg2 {
  width: 230px;
  height: 150px;
  /* background-color: #c20000; */
  background-image: url(imgs/8.png);
  background-size: cover;
  display: flex;
  align-items: end;
}
.mainRightBottomLeftImg2 p {
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: rgb(146, 146, 146 ,.7);
  padding: 0 0 0 10px;
}
.mainRightBottomRight {
  width: 340px;
  height: 340px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.mainRightBottomRightText {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainRightBottomRightText p {
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  color: #929292;
  cursor: pointer;
}
.mainRightBottomRightText p:hover {
  color: #c20000;
}
.mainRightBottomRightText span {
  font-size: 15px;
  color: #929292;
}

.mainFour {
  width: 1300px;
  height: 400px;
  margin: 0 auto;
  margin-top: 20px;
  /* background-color: rgb(56, 140, 104); */
  display: flex;
  justify-content: space-between;
}
.mainFourLeft {
  width: 400px;
  height: 400px;
}
.mainFourLeftTitle {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainFourLeftTitle h3 {
  color: #c20000;
}
.mainFourLeftTitleXian {
  width: 200px;
  height: 1px;
  background-color: rgb(146, 146, 146 ,.3);
}
.mainFourLeftTitle p {
  font-size: 15px;
  color: #929292;
}
.mainFourLeftList {
  width: 100%;
  height: 345px;
  margin-top: 5px;
  overflow: hidden;
  /* background-color: #929292; */
}
.mainFourLeftListText {
  display: flex;
  height: 44px;
  justify-content: space-between;
  align-items: center;
}
.mainFourLeftListText p {
  width: 290px;
  font-size: 15px;
  color: #929292;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mainFourLeftListText p:hover {
  color: #c20000;
}
.mainFourLeftListText span {
  font-size: 15px;
  color: #929292;
}
.mainFourCenter {
  width: 400px;
  height: 400px;
}
#FourP {
  width: 390px;
  cursor: pointer;
}
.mainFourRight {
  width: 400px;
  height:400px;
  /* background-color: antiquewhite; */
}

.mainFourRightCenter {
  margin-top: 10px;
  width: 100%;
  height: 230px;
  background-image: url(imgs/9.png);
  background-size: cover;
  display: flex;
  align-items: end;
}
.mainFourRightCenter p {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: rgb(146, 146, 146 ,.7);
  color: #fff;
  font-size: 16px;
  padding: 0 0 0 10px;
}
.mainFourRightBottom {
  width: 100%;
  height: 110px;
  /* background-color: #c20000; */
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.BottomImg1 {
  width: 100px;
  height: 90px;
  background-image: url(imgs/9.png);
  background-size: cover;
}
.BottomImg2 {
  width: 100px;
  height: 90px;
  background-image: url(imgs/2.png);
  background-size: cover;
}
.BottomImg3 {
  width: 100px;
  height: 90px;
  background-image: url(imgs/4.png);
  background-size: cover;
}


.footerBack {
  width: 100%;
  height: 100px;
  background-color: #c20000;
}
.footer {
  width: 1300px;
  height: 100px;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #c20000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer h1 {
  color: #fff;
}